header .nav a{
    color:#acacac;
}
header .right-box a:first-child{
color: #666;
border: 1px solid #666;
}
header .nav li.active a{
    border-bottom: 2px solid #00bdff;
    color: #00bdff;
    padding-bottom: 20px;
    font-size: 16px;
}
#banner{
    background-color: #f1f1f1;
    height: 410px;
    position: relative;
}
#mydiv{
    position: relative;
    z-index: 2;
}
#mydiv canvas{
    top: 65px!important;
    position: absolute!important;
}
#banner .titl{
    top: 115px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
#banner .left-box{
    width: 260px;
    height: 270px;
    background-color: #fff;
}
#banner .left-box ul li{
    float: left;
    width: 64px;
}
#banner .left-box{
    padding:55px 30px 20px;
}
#banner .right-box{
    width:884px;
}
#banner .right-box .tit span{
    padding:6px;
    border: 1px solid #00bdff;
    float: left;
    margin-left: 8px;
}
#banner .classfly{
    margin: 10px 0 18px;
}
#banner .classfly li{
    float: left;
    margin-right: 35px;
}
#banner .classfly li img{
    margin-right: 8px;
    vertical-align:-7px;
}
#banner .test li,.one{
    margin: 18px 0 12px;
    line-height:18px;
    height: 18px;
    padding:5px 10px;
    margin-right: 14px;
    float: left;
    cursor: pointer;
}
#banner .test li{
border:1px solid #999;
}
#banner .test li.active{
    color: #00bdff;
    border: 1px solid #00bdff;
    background: url(../imgs/select.png) no-repeat right bottom;
}
#banner .test .one{
    border: 1px solid #00bdff;
}
#banner .test .two img{
    width: 110px;
    height: 110px;
    margin-bottom: 2px;
}
#banner .test .two{
    position: absolute;
    left:-8px;
    top:50px;
    width: 110px;
    padding: 2px;
    background-color: #fff;
    display: none;

}
#banner .test{
    position: relative;
}
#banner .test li img{
    margin-right: 6px;
}
#change{
    color:#fb5b5b;
    font-size: 20px;
    font-weight: bold;
    margin-right: 3px;
}
#banner .apply{
padding: 10px 26px;
background-color: #00bdff;
margin:12px 0;
width: 120px;
box-sizing: border-box;
}
#banner .apply a{
    color: #fff;
}
/* 下面大盒子的样式 */
.menu{
    height: 46px;
    background-color: #fff;
    border-bottom:1px solid #f4f4f4;
    margin-bottom: 10px;
}
.menu ul li{
    float:left;
    height:48px;
    margin-right: 110px;
    line-height: 46px;
    box-sizing: border-box;
    cursor: pointer;
}
.menu ul li.trend{
color:#00bdff;
border-bottom:3px solid #00bdff;
}
#document .apitest p strong{
    line-height:30px;
    color:#555;
}
#document .last{
    width: 162px;
    height: 35px;
    box-sizing: border-box;
    background-color: #00bdff;
    color: #fff;
    padding:10px 35px;
    margin-top: 30px;
}
.argu p{
    padding:30px 14px;
}
.argu p span:first-of-type{
    display: inline-block;
    width: 3px;
    height: 18px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: #00bdff;
border-radius: 2px;
}
.argu table td,th{
    border:1px solid #e7e7e7;
   padding:14px;
   color:#666666;

}
.argu table th{
    background: #e7e7e7;
    font-weight: bold;
}
 .argu table{
    width: 922px;
    text-align: left;
    font-size: 12px;
}
.json{
    padding: 6px 16px;
    background: #1271ef;
    color: #fff;
    border-radius:8px;
    box-sizing: border-box;
    margin-left: 10px;
}
 .argu pre{
    background: #fafafa;
    border:1px solid #e7e7e7;
    border-radius: 2px;
    padding:20px;
    font-size: 12px;
}
.argu a{
    font-size: 12px;
    color:#00bdff;
}
/* 右边盒子的样式 */
/* 第一个部分 */
#advertly{
    width: 220px;
}
#advertly p{
    padding-bottom: 15px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
#advertly .activity ul li{
    margin-bottom: 10px;
}
/* 第二部分 */
#advertly .like ul li{
    border-bottom:1px dashed #eeeeee;
    padding:15px 0;
}
#advertly .like-left{
    width: 62px;
    height: 58px;
    border: 1px solid #eeeeee;
    padding:18px;
}
#advertly .like-right{
width: 142px;
}

/* 选项卡部分的代码样式 */
#bigBox>div{
    display: none;
}
#bigBox .on{
    display: block;
}